<template>
    <section class="EmpListPanel__container">
        <div class="title">{{ title }}</div>

        <div class="list">
            <slot name="list"></slot>
        </div>
    </section>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: "标题",
        },
    },
};
</script>

<style lang="scss" scoped>
.EmpListPanel__container {
    height: 100%;
    width: 100%;
    box-sizing: border-box;

    .title {
        display: flex;
        justify-content: center;
        padding: 10px;
        font-size: 2rem;
        font-weight: 700;
        align-items: center;
        letter-spacing: 3px;
    }
}
</style>
